body,html{
    margin: 0;
    padding: 0;
    min-width: 1350px;
    font-family: 'microsoft Yahei','Open Sans', sans-serif;
    overflow-x: hidden;
}
li{
    list-style-type: none;
}
.main{
    width:100%;
    height: auto;
}

/*第一个导航栏模块*/
.nav-first{
    width:100%;
    height:auto;
    background-color: #eee;
}
.nav-first ul{
    margin: 5px 0 ;
    padding:0 15px;
}

.nav-first ul li {
    float: left;
    font-size:15px;
    margin: 0 15px;
    white-space:nowrap;
    color:grey;
}
.nav-first ul a:hover li{
    color: #0d8ddb;
}
.right-ul{
    float: right;
    margin-right: 10px;
}


/*第二个导航栏模块*/
.nav-two{
    background-color:#0e9aef;
}
.nav-two-ul{
    margin:0px 50px;
    overflow: hidden;
}
.nav-two-ul li{
    float: left;
    font-size: 19px;
    width: 150px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
.nav-two-ul li:hover{
    background:#0078e7;
    color: white;
}
.actives{
    background:#0078e7;
    color: white;
}
.nav-two-ul a{
    text-decoration: none;
    color: #CBD5DD;
}

/*轮播图模块*/
.content{
    margin: 15px 92px;
}
.carousel{
    height: 340px;
}
.item img{
    height:100%;
    width: 100%;
}

/*热门商家模块*/
.showfactory{
    margin: 15px 0;
    height: auto;
}
.factory{
    border: solid 1px #d3d3d3;
    width: 349px;
    height: 300px;
    margin: 15px;
    display: inline-block;
}
.factory:hover{
    border:solid #0090ff 1px;
}
.factory .f-img{
    height: 50%;
    padding: 15px 20px;
}
.factory .f-img img{
    width: 100%;
    height: 100%;
}
.f-des{
    padding:15px 10px;
}
.company{
    margin-top: 15px;
}

.com-des,.com-address,.cns-a{
    text-decoration: none;
    color: black;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0 15px;
    width:250px;
    height:30px;
    white-space: nowrap;
}

.icon-t{
    padding:0 14px;
}
.com-icon .icon-t i{
    display: inline-block;
    height: 25px;
    width: 25px;
    cursor: pointer;
}
.tuij{
    float: right;
    background: red;
    color: white;
    border-radius:5px ;
    padding: 4px 5px;
}
.ms,.hp{
    font-size: 20px;
    color: #a7aaab;
}
.hot-icon{
    background: url(/static/img/Frontpage/syicon-bg.png);
    background-position: -6px -329px;
    width: 30px;
    height: 30px;
    float: left;
    margin-right:5px;
}

.con{
    border:1px solid #d7d7d7;
}

/*最近成交模块*/
.content-first{
    width: 100%;
    margin: 55px 0;
}
.acc-head ul{
    margin: 0;
    padding: 0;
}
.acc-head ul li{
    background: #f8f8f8;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
.acc-head ul li span{
    display: inline-block;
}
.acc-content ul li{
    line-height: 30px;
    cursor: default;
}
.acc-content ul li span{
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space:nowrap;
}

/*保养项目模块*/
.product{
    height: 450px;
    width: 100%;
    min-width: 1163px;
}
.title-bg{
    background: url(/static/img/Frontpage/syicon-bg.png);
    background-position: -6px -363px;
    width: 30px;
    height: 30px;
    float: left;
    margin-right:5px;
}
.title-bg h3{
    position: relative;
    font-size: 18px;
    line-height:32px;
    cursor: default;
}
.pro-content{
    width: 100%;
    height: 160px;
    background: #efefef;
    margin-top: 20px;
}
.index_baoyang_wrap{
    height: 100%;
}
.index_baoyang_wrap div{
    position: relative;
    padding: 35px 11.5px;
    height:100%;
    margin-right: 12px;
    margin-left: 15px;
    display: inline-block;
}
.index-green{
    background: #fff url(/static/img/Frontpage/index_baoyang.png)22px 22px no-repeat;
    position: relative;
    margin-right: 0px;
    padding: 15px 10px;
    display: inline-block;
    transition: transform 0.5s;
}
.index-green:hover,.index-red:hover,.index-blue:hover,.index-pink:hover{
    transform:translate(0px,-15px);
}
.index-red{
    background: #fff url(/static/img/Frontpage/index_baoyang.png)22px -76px no-repeat;
    position: relative;
    margin-right: 0px;
    padding: 15px 10px;
    display: inline-block;
    transition: transform 0.5s;
}
.index-blue{
    background: #fff url(/static/img/Frontpage/index_baoyang.png)22px -172px no-repeat;
    position: relative;
    margin-right: 0px;
    padding: 15px 10px;
    display: inline-block;
    transition: transform 0.5s;
}
.index-pink{
    background: #fff url(/static/img/Frontpage/index_baoyang.png)22px -272px no-repeat;
    position: relative;
    margin-right: 0px;
    padding: 15px 10px;
    display: inline-block;
    transition: transform 0.5s;
}
.index_baoyang_wrap a{
    width: 228px;
    height: 96px;
    display: block;
    float: left;
    display: block;
    border: solid 1px #fff;
    display: inline;
}
.baoy-title{
    position: absolute;
    color: black;
    top:20px ;
    left: 95px;
    font-size: 16px;
}
.jiage{
    position: absolute;
    top:50px;
    left:95px;
    color: #ff7519;
    height: 14px;
    line-height: 28px;

}
.price-span{
    font-size: 18px;
}
.index-main-wrap{
    margin-top: 20px ;
}
.index-ul{
    padding: 15px 0px 15px 30px;
}
.index-ul a{
    width:100%;
    height: 100%;
    display: inline-block;
    color: #999999;
}
.one-li,.two-li,.three-li,.four-li ,.five-li,.six-li,.seven-li,.eight-li,.nine-li
,.ten-li,.eleven-li ,.twelve-li,.thirteen-li,.fourteen-li ,.fifteen-li,.sixteen-li
,.seventeen-li,.eighteen-li{
    transition: transform 0.5s;

}
.one-li:hover,.two-li:hover,.three-li:hover,.four-li:hover,.five-li:hover,.six-li:hover
,.seven-li:hover,.eight-li:hover,.nine-li:hover{
    transform: translate(0px,-15px);
}
.ten-li:hover,.eleven-li:hover,.twelve-li:hover,.thirteen-li:hover,
.fourteen-li:hover,.fifteen-li:hover,.sixteen-li:hover
,.seventeen-li:hover,.eighteen-li:hover{
    transform:translate(0px,-15px);
    background: white;
}
.index-ul .one-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -175px;
}
.index-ul .two-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -1617px;
}
.index-ul .three-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -817px;
}
.index-ul .four-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -257px;
}
.index-ul .five-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -339px;
}
.index-ul .six-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -97px;
}
.index-ul .seven-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -419px;
}
.index-ul .eight-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -1457px;
}
.index-ul .nine-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -656px;
}
.index-ul .ten-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -20px;
}
.index-ul .eleven-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -1215px;
}
.index-ul .twelve-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -496px;
}
.index-ul .thirteen-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -736px;
}
.index-ul .fourteen-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -1138px;
}
.index-ul .fifteen-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -576px;
}
.index-ul .sixteen-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -1059px;
}
.index-ul .seventeen-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -897px;
}
.index-ul .eighteen-li a{
    background: url(/static/img/Frontpage/indexghicon1.png)no-repeat center -1377px;
}

.index-ul li{
    width: 120px;
    height: 80px;
    float: left;
    border: solid 1px #e8e8e8;
    position: relative;
    margin: -1px 0 0 -1px;
}
.index-ul li a{
    text-decoration: none;
    color: #0C0C0C;
    border:solid 4px white;
}

.index-ul li a span{
    margin-top: 45px;
    text-align: center;
    display: block;
    font-size: 13px;
}

/*底部模块*/
.index-bottom{
    width: 100%;
    height: auto;
    background: #d4d4d4;
}
.bottom-main{
    margin:15px 90px;
}
.bottom-bs{
    margin-top:25px;
    width: 360px;
    height: 80px;
    float: left;
}
.btm-title{
    font-size:19px;
    color: grey;
}
.bottom-bs span{
    color: grey;
    font-size: 15px;
    height:42px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bottom-bs a{
    width: 300px;
}
.bg{
    background: url(/static/img/Frontpage/bottom2.png)no-repeat left top;
    width: 45px;
    height: 80px;
    float: left;
}
.bg-two{
    background: url(/static/img/Frontpage/bottom2.png)no-repeat -40px top;
    width: 45px;
    height: 80px;
    float: left;
}
.bg-three{
    background: url(/static/img/Frontpage/bottom2.png)no-repeat -82px top;
    width: 45px;
    height: 80px;
    float: left;
}
.bg-four{
    background: url(/static/img/Frontpage/bottom2.png)no-repeat -132px top;
    width: 45px;
    height: 80px;
    float: left;
}
.bg-five{
    background: url(/static/img/Frontpage/bottom2.png)no-repeat -172px top;
    width: 45px;
    height: 80px;
    float: left;
}
.bg-six{
    background: url(/static/img/Frontpage/bottom2.png)no-repeat -220px top;
    width: 45px;
    height: 80px;
    float: left;
}
.btm-des{
    margin-top:5px;
    width: 320px ;
}
.btm-des span:hover{
    color: #01AAED;
}
.btm-two{
    margin:15px 95px;
    border-top: solid 1px #9d9d9d;
}
.btm-two > ul > li{
    width: 386px;
    height: 150px;
    float: left;
}
.btm-ul{
    padding: 0;
}
.saoma{
    margin:0;
    padding: 0px 10px;
}
.saoma li{
    padding:15px 19px;
    float: left;
}
.saoma li img{
    width: 70px;
    height: 70px;
}
.btm-an{
    margin: 15px 30px;
    padding-left:40px;
}
.btm-an a{
    text-decoration: none;
}
.ruzhu{
    background: #00a2d4;
    line-height: 37px;
    display: block;
    text-align: center;
    color: white;
    font-size: 18px;
    width: 200px;
    height: 40px;
}
.ruzhu:hover{
    color: #0e9aef;
    background: white;
}
.jiam{
    margin-top:15px;
    background: #00a2d4;
    line-height: 37px;
    display: block;
    text-align: center;
    color: white;
    font-size: 18px;
    width: 200px;
    height: 40px;
}
.jiam:hover{
    color: #0e9aef;
    background: white;
}
.t-bottom{
    text-align: center;
    width: 100%;
    background-color: #000;
}
.t-bottom span{
    color: white;

}
.go-top{
    position:fixed;
    background: url(/static/img/Frontpage/go-top2.png) no-repeat;
    width: 48px;
    height: 48px;
    right: 2em;
    bottom: 10em;
}

/* 地图开始*/
.show-map{
    position:fixed;
    background-color: #F5BD5C;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    right: 2.5em;
    bottom: 7em;
}
.show-map>div {
    position: absolute;
    border-radius: 50%;
    background: url() no-repeat;
    background-size: 100%;
    width: 33px;
    height: 33px;
    left: 4px;
    top: 4px;
}

.modal-dialog {
    margin: 70px auto;
}

#nearCompMap {width:100%; height:90%; overflow:hidden; margin:0;font-family:"微软雅黑";}
.infoTitle {
    font-weight: bold;
}
a {color: #337ab7;}

/* 地图结束 */

/*搜索和按钮*/
.input-text{
    width: 350px;
    height: 40px;
    border: #01AAED 3px solid ;
}
.btn{
    width: 150px;
    height: 40px;
    margin-left: -4px;
    margin-top: -2px;
    background:#01AAED;
    color: white;
    border-radius: 0px;
    font-size: 18px;
}
.btn:hover span{
    color:white;
}
.bottom-nav{
    width: 100%;
    height: auto;
}
.bottom-nav a{
    text-decoration: none;
    color: #9d9d9d;
}
.btm-left{
    font-size: 24px;
    padding-left: 10%;
    border-right: solid 1px #d4d4d4;
}

.phone{
    padding-left: 15px;
    font-size:22px;
}
.wechat{
    text-align: center;
    border-right: solid 1px #d4d4d4;
    height: 163px;
}
.sm{
    margin-left: 20px;
}
.gz{
    margin-top: 20px;
    margin-bottom: 10px;
}
.gz h4{
    margin-bottom: 20px;
}
#mc5-rtimg{
    margin-right: 20px;
}
.t-bottom{
    margin-top: 10px;
    text-align: center;
    width: 100%;
    background-color: #e2e2e2;
}
.t-bottom span{
    margin-top: 20px;
}

.concart-warp{
    width:100%;
}
.mc2-title{
    font-size: 3em;
    color: white;
    text-align: center
}